@use '../tp';

.#{tp.$prefix}-popv {
	background-color: tp.cssVar('base-bg');
	border-radius: tp.cssVar('base-border-radius');
	box-shadow: 0 2px 4px tp.cssVar('base-shadow');
	display: none;
	max-width: tp.cssVar('blade-value-width');
	padding: tp.cssVar('container-v-padding') tp.cssVar('container-h-padding');
	position: absolute;
	visibility: hidden;
	z-index: tp.$z-index-picker;

	&#{&}-v {
		display: block;
		visibility: visible;
	}
}
